/**
 * Created by wd14931 on 2017/6/5.
 */
var tpl = require('./../../template/role_management/add.html');

var userList = [
    {
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },{
        'roleName': '总经理',
        'roleInfo': '用户系统是指使用者，管理者.........',
        'roleCreateTime': '2016-2-23'
    },
];
var userForm = {
    PersonnelSex:  [
        {label: '男', value: '1'},
        {label: '女', value: '2'}
    ], //人员性别
    CertificateType: [
        {label: '身份证', value: '3'},
        {label: '护照', value: '4'},
        {label: '港澳通行证', value: '5'},
        {label: '其他', value: '6'}
    ], //证件类型
    Department: [
        {label: 'AA', value: '7'},
        {label: 'cc', value: '8'}
    ], //所属部门
    Post: [
        {label: '开发', value: '9'},
        {label: '产品', value: '12'},
        {label: '其他', value: '23'}
    ], //职务
    PersonnelCategories: [
        {label: '开发', value: '34'},
        {label: '产品', value: '45'},
        {label:  '其他', value: '61'}
    ], //人员类别
    Title:  [
        {label: '开发', value: '122'}
        ,{label: '产品', value: '23'},
        {label: '其他', value: '32'}], //职称
    Bank: [
        {label: '中国银行', value: '32'},
        {label: '建设银行', value: '1222'},
        {label: '其他', value: '435'}] //银行
};

module.exports = {
    template: tpl,

    data: function(){
        return {
            name: 'role-add',
            data: {},
            form: {},
            // 订单
            indeterminate: false,
            checkAll: false,
            checkAllGroup: ['', '', '', '', ''], // 初始化状态
            checkAllGroupDefault: ['新增', '删除', '编辑', '提交订单', '撤销订单'], // 全部选择中
            // 融资
            indeterminateCapital: false,
            checkAllCapital: false,
            checkAllGroupCapital: ['', '', '', '', ''], // 初始化状态
            checkAllGroupCapitalDefault: ['新增', '删除', '编辑', '申请融资', '存预付款'], // 全部选择中
            // 物流
            indeterminateLogistics: false,
            checkAllLogistics: false,
            checkAllGroupLogistics: ['', '', '', '', ''], // 初始化状态
            checkAllGroupLogisticsDefault: ['新增', '删除', '编辑', '申请融资', '存预付款'], // 全部选择中
            // 财务
            indeterminateFinance: false,
            checkAllFinance: false,
            checkAllGroupFinance: ['', '', '', '', ''], // 初始化状态
            checkAllGroupFinanceDefault: ['新增', '删除', '编辑', '申请融资', '存预付款'] // 全部选择中
        };
    },
    // 组件创建完成
    created: function() {
        // 此时 data 已经被 observed 了
        this.fetchData();
    },
    mounted:function(){

        $(document.querySelector('.scroll-user-add')).niceScroll(
        {
            cursorcolor:"#989494",
            cursoropacitymax:1,
            touchbehavior:false,
            cursorwidth:"3px",
            cursorborder:"0",
            cursorborderradius:"5px"
        });

        $(document.querySelector('.user-add-editor-content')).niceScroll(
        {
            cursorcolor:"#989494",
            cursoropacitymax:1,
            touchbehavior:false,
            cursorwidth:"3px",
            cursorborder:"0",
            cursorborderradius:"5px"
        });

    },
    // router change fetch data again
    watch: {
        '$route': 'fetchData'
    },
    // 滚动
    scrollBehavior: function(to, from, savedPosition) {
        return { x: 0, y: 0 }
    },
    methods:{

        // fetch data from service
        fetchData: function(){
            this.data = userList;
            this.form = userForm;
        },

        sortList: function(key){
            console.log(this.data.length)
        },
        handleCheckAll:function (suffix) {

            if (this['indeterminate' + suffix]) {
                this['checkAll' + suffix] = false;
            } else {
                this['checkAll' + suffix] = !this['checkAll' + suffix];
            }
            this['indeterminate' + suffix] = false;

            if (this['checkAll' + suffix]) {
                this['checkAllGroup' + suffix] = this['checkAllGroup' + suffix + 'Default'];//['新增', '删除', '编辑', '提交订单', '撤销订单'];
            } else {
                this['checkAllGroup' + suffix] = [];
            }
        },
        checkAllGroupChange:function(suffix) {
            console.log(suffix);

            if (this['checkAllGroup' + suffix].length === this['checkAllGroup' + suffix + 'Default'].length) {
                this['indeterminate' + suffix] = false;
                this['checkAll' + suffix] = true;
            } else if (this['checkAllGroup' + suffix].length > 0) {
                this['indeterminate' + suffix] = true;
                this['checkAll' + suffix] = false;
            } else {
                this['indeterminate' + suffix] = false;
                this['checkAll' + suffix] = false;
            }
        }
    }
};